<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../vue.js"></script>
</head>
<body>
    <div id="app">
        账号:<input type="text" v-model="user"><br>
        密码:<input type="password" v-model="pass"><br>
        性别:<input type="radio" name="1" v-model="sex" value="男">男 
            <input type="radio" name="1" v-model="sex" value="女">女<br>
        爱好:跳舞<input type="checkbox" v-model="hao" value="跳舞">
             唱歌<input type="checkbox" v-model="hao" value="唱歌">
            打篮球<input type="checkbox" v-model="hao" value="打篮球"><br>
        职业:   <select name="" id="" v-model="ye">
                    <option value="学生">学生</option>
                    <option value="工人">工人</option>
                    <option value="老师">老师</option>
                </select> 
        <button @click="btn">提交</button>
    </div>
    <script>
        new Vue({
            el:'#app',
            data:{
                user:'',
                pass:'',
                sex:'',
                hao:[],
                ye:''
            },
            methods:{
                btn(e){
                    console.log([this.user,this.pass,this.sex,this.hao,this.ye]);
                },
             
            }
        })
    </script>
</body>
</html>